<template>
  <div class="Swipe">
    <van-tabbar v-model="active" active-color="#07c160" inactive-color="#000" :border="false">
      <van-tabbar-item icon="home-o"  to="/layout" :replace="false">标签</van-tabbar-item>
      <van-tabbar-item icon="like-o">标签</van-tabbar-item>
      <van-tabbar-item icon="star-o">标签</van-tabbar-item>
      <van-tabbar-item icon="friends-o">标签</van-tabbar-item>
      <van-tabbar-item icon="setting-o">标签</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  name: "Swiper",
  data() {
    return {
      images: [
        "https://img.yzcdn.cn/vant/apple-1.jpg",
        "https://img.yzcdn.cn/vant/apple-2.jpg"
      ],
      active: 0
    };
  },
  methods: {
    onChange(index) {
      Toast("当前 Swipe 索引：" + index);
    }
  },
  components: {},
  computed: {},
  watch: {},
  //生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {},
  updated() {}, //生命周期 - 更新之后
  activated() {} //如果页面有keep-alive缓存功能，这个函数会触发
};
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类
</style>